<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
      pre {
          border: 1px solid #d1d1d1;
          background: #f1f1f1;
          line-height: 190%;
          margin: 0 0 1.75em;
          max-width: 100%;
          overflow: auto;
          padding: 15px;
          white-space: pre;
          white-space: pre-wrap;
          word-wrap: break-word;
      }

      code {
          background: #f1f1f1;
          color: #555;
          margin: 0 2px;
          padding: 2px 4px;
          border-radius: 2px;
      }
  </style>
</head>

<body>
<div id="content"></div>
</body>


<script src="/static/static/bower_components/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script>
    $(function () {
        $.ajax({
            type: "get",
            url: "/static/md/k8s_token.md",
            async: false,
            dataType: 'html',
            success: function (res) {
                $("#content").append(marked.parse(res));
            }
        })
    })
</script>
</html>